<template>
	<div class="main">
		<s-header></s-header>
		<div class="ct">
			<s-banner></s-banner>
			<router-view></router-view>
		</div>
	</div>
</template>
<script>
	import header from "./children/header.vue";
	import banner from "./children/banner.vue";
	export default {
		components: {
			"s-header": header,
			"s-banner": banner
		}
	}
</script>

<style lange="scss" scoped>
	.main {
		min-width: 1200px;
		margin: 0 auto;
		min-height: 100vh;
	}
	.ct {
		min-height: calc(100vh - 5rem);
		display: flex;
	}
</style>